<div *ngIf="visible" 
     [@popupAnimation]
     class="popup-tip" 
     [ngClass]="'popup-tip-' + (config.type || 'info')">
  <div class="popup-tip-content">
    <span [class]="getIconClass()" class="popup-tip-icon">{{ getIcon() }}</span>
    <span class="popup-tip-message">{{ config.message }}</span>
    <button *ngIf="config.closable" 
            class="popup-tip-close" 
            (click)="hide()">×</button>
  </div>
  <div class="popup-tip-arrow" [ngClass]="'popup-tip-arrow-' + (config.position || 'top')"></div>
</div>